<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:gpc="http://java.sun.com/jsf/composite/gpc_comp"
                template="./../WEB-INF/template/templateProfesor.xhtml">
    <ui:define name="content">
        <h:form id="actividadForm">
            <p:panel>
                <f:facet name="header">
                    <h:outputLabel value="#{profesorDetalleActividadBean.actividad.curso.nombre}"/> -
                    <h:outputLabel value="#{profesorDetalleActividadBean.actividad.nombre}"/>
                </f:facet>
                <p:panelGrid id="actividadAct" columns="2">

                    <h:outputLabel value="#{label['nombre']}"/>
                    <p:inplace>
                        <p:inputText value="#{profesorDetalleActividadBean.actividad.nombre}" style="width:96%"/>
                    </p:inplace> 

                    <h:outputLabel value="#{label['descripcion']}"/>
                    <p:inplace>
                        <p:inputTextarea value="#{profesorDetalleActividadBean.actividad.descripcion}" style="width:96%"/>
                    </p:inplace> 

                    <h:outputLabel value="#{label['peso']}"/>
                    <p:inplace>
                        <p:spinner value="#{profesorDetalleActividadBean.actividad.peso}" style="width:96%"/>
                    </p:inplace> 

                    <h:outputLabel value="#{label['fecha_inicio']}"/>
                    <p:inplace>
                        <p:calendar value="#{profesorDetalleActividadBean.actividad.fechaInicio}" style="width:96%"/>
                    </p:inplace>  

                    <h:outputLabel value="#{label['fecha_finalizacion']}"/>
                    <p:inplace>
                        <p:calendar value="#{profesorDetalleActividadBean.actividad.fechaInicio}" style="width:96%"/>
                    </p:inplace>  

                    <f:facet name="footer">
                        <p:commandButton value="#{label['actualizar']}" update=":#{p:component('actividadForm')}" 
                                         action="#{profesorDetalleActividadBean.ActualizarActividad()}"/>
                        <p:commandButton value="#{label['reestablecer']}" action="#{profesorDetalleActividadBean.reset()}" update=":#{p:component('actividadForm')}"/>
                        <p:commandButton value="#{label['editor_algoritmo']}" action="#{profesorDetalleActividadBean.GoEditorAlgoritmo()}"/>
                    </f:facet>
                </p:panelGrid>
            </p:panel>
            <p:dataTable id="casosCal" var="cac" value="#{profesorDetalleActividadBean.actividad.casosCalificacionList}">  
                <f:facet name="header">  
                    #{label['casos_calificacion']} 
                </f:facet> 
                <p:column headerText="#{label['peso']} ">  
                    <h:outputText value="#{cac.peso}" />  
                </p:column>  

                <p:column headerText="#{label['entradas']}">  
                    <h:outputText value="#{profesorDetalleActividadBean.convertBytetoString(cac.entradas)}" />  
                </p:column>  

                <p:column headerText="#{label['salidas']}">  
                    <h:outputText value="#{profesorDetalleActividadBean.convertBytetoString(cac.salidas)}" />  
                </p:column>  

                <f:facet name="footer">  
                    <p:commandButton value="#{label['agregar']}" onclick="crearcasocal.show();" icon="ui-icon-plusthick" title="agregar"/>
                </f:facet> 
            </p:dataTable>
            <p:dataTable id="estudiantesNotaActividad" var="est" value="#{profesorDetalleActividadBean.actividad.cursosestudiantesactividadesList}">
                
                <p:column headerText="#{label['nombre']}">  
                    <h:outputText value="#{est.cursosestudiantes.usuarios.nombre}" />  
                </p:column>  
                
                <p:column headerText="#{label['nota']}">  
                    <h:outputText value="#{est.nota}" />  
                </p:column>  

                <f:facet name="footer">  
                        <p:commandButton value="#{label['calificar_actividad']}" icon="ui-icon-check" 
                                         action="#{profesorDetalleActividadBean.calificarActividad()}" 
                                         update=":#{p:component('estudiantesNotaActividad')}"
                                         oncomplete="crearcasocal.hide();" style="margin:0"/>  
                </f:facet> 
                
            </p:dataTable>
        </h:form>
        <h:form>
            <p:dialog id="modalDialog" header="#{label['agregar_caso_calificacion']}" widgetVar="crearcasocal" modal="true">  
                <p:panelGrid columns="2"> 
                    
                    <h:outputLabel for="peso" value="#{label['peso']}: *" />  
                    <p:spinner id="peso" value="#{profesorDetalleActividadBean.casosCalificacion.peso}" />  

                    <h:outputLabel for="entradas" value="#{label['entradas']}: *" />  
                    <p:inputText id="entradas" value="#{profesorDetalleActividadBean.entradas}" required="true" />  

                    <h:outputLabel for="salidas" value="#{label['salidas']}: *" />  
                    <p:inputTextarea id="salidas" value="#{profesorDetalleActividadBean.salidas}" required="true" />  

                    <f:facet name="footer">  
                        <p:commandButton value="#{label['agregar']}" icon="ui-icon-check" 
                                         action="#{profesorDetalleActividadBean.crearCasoCalificacion()}" 
                                         update=":#{p:component('casosCal')}"
                                         oncomplete="crearcasocal.hide();" style="margin:0"/>  
                    </f:facet>  
                </p:panelGrid>
            </p:dialog>
        </h:form>
    </ui:define>            
</ui:composition>
